<template>
   <div :id="dynamicid" :class="dynamicClass" v-bind:title="dynamicTitle">测试</div>
   <button :disabled= "isButtonDisabled">button</button>
   <button v-bind="objectofAttrs" > 测试</button>
</template>
<script>
export default{
  data(){
    return{
      dynamicClass:"appclass",
      dynamicid:'appid',
      dynamicTitle:undefined,
      isButtonDisabled:false,
      objectofAttrs:{
        Class:"appclass",
        id:'appid'
      }
    }
  }
}
</script>
<style>
.appclass{
  color: red;
}
#appid{
  width: 120px;
  height: 120px;
  background-color: coral;
}
</style>

